.form-container {
            max-width: 900px;
            margin: 30px auto;
            padding: 30px;
            background-color: #ffffff !important; /* White background for the main container */
            border-radius: 15px !important; /* Rounded corners for the main container */
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Adjusted shadow for white background */
        }
        .form-section {
            background-color: #f8f9fa !important; /* Light grey for sections */
            border-radius: 10px; /* Rounded corners for sections */
            padding: 20px;
            margin-bottom: 25px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Adjusted shadow for light grey sections */
        }
        .form-control, .form-select, .btn {
            border-radius: 8px !important; /* Rounded corners for inputs and buttons */
        }
        /* Custom styling for input fields with icons */
        .input-field-container {
            position: relative !important; /* Needed for absolute positioning of the icon */
        }
        .form-control-with-icon {
            padding-left: 40px !important; /* Space for the icon on the left (RTL) */
        }
        .input-field-icon {
            position: absolute;
            left: 15px; /* Position icon on the left (RTL) */
            top: 50%;
            transform: translateY(-50%) !important; /* Center vertically */
            color: #80CBC4 !important; /* Green color for icons */
            font-size: 1.1rem !important;
            z-index: 2; /* Ensure icon is above the input */
        }
        input {
           font-family: "yekn bakh" , sans-serif; 
        }
        .form-control:focus {
            border-color: #ced4da !important; /* Reverted to Bootstrap's default border color on focus */
            box-shadow: none !important; /* Removed box shadow on focus */
        }

        .form-check-label {
            margin-right: 10px !important; /* Space between checkbox/radio and label */
            font-size: 17px !important;
        }

        /* Animation for Checkboxes and Radio Buttons */
        .form-check-input {
            transition: all 0.2s ease-in-out !important; /* Smooth transition for all changes */
            cursor: pointer !important; /* Indicate clickable */
        }

        .form-check-input:hover {
            border-color: #26A69A !important;  /* Lighter green border on hover */
            box-shadow: 0 0 0 0.25rem rgba(38, 166, 154, 0.2) !important; /* Subtle shadow on hover */
        }

        .form-check-input:checked {
            background-color: #00897B !important; /* Darker green checked state */
            border-color: #00897B !important; /* Darker green border checked state */
            transform: scale(1.1); /* Slightly enlarge on check */
            box-shadow: 0 0 0 0.25rem rgba(0, 137, 123, 0.25); /* Subtle shadow on check */
        }

        /* Ensure radio buttons remain round */
        .form-check-input[type="radio"] {
            border-radius: 50% !important;
        }

        .btn-primary-gradient {
            background: linear-gradient(45deg, #00897B 0%, #26A69A 100%) !important; /* Green gradient */
            border: none !important;
            padding: 12px 30px !important;
            font-size: 1.1rem !important;
            transition: all 0.3s ease !important;
            color: white !important;
        }
        .btn-primary-gradient:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 20px rgba(0, 77, 64, 0.3) !important; /* Darker green shadow on hover */
        }
        .upload-box {
            border: 2px dashed #004D40 !important; /* Darker green dashed border */
            border-radius: 10px !important;
            padding: 30px !important;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .upload-box:hover {
            border-color: #00897B !important; /* Darker green on hover */
            background-color: #e0f2f1 !important; /* Lighter green on hover */
        }
        .upload-box i {
            font-size: 3rem;
            color: #004D40 !important; /* Darker green icon */
            margin-bottom: 15px;
        }
        /* Custom styling for radio/checkboxes to match the image if needed */
        /* This rule is now overridden by the more specific ones above for checked state */
        /* .form-check-input:checked {
            background-color: #00897B;
            border-color: #00897B;
        } */